<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>出售信息</title>
	<script type="text/javascript" src="../layui/layui.js"></script>
	<link rel="stylesheet" href="../layui/css/layui.css">
	<script type="text/javascript" src="../js/jquery-1.12.4.js" ></script>
	<link rel="stylesheet" type="text/css" href="../css/backer/SellInfo.css"/>
</head>
<body>

<div class="head-div">
	<i class="layui-icon layui-icon-list">&nbsp;信息管理</i>
</div>
<div class="maintemplate"><br /><br />
	<ul>
		<li class="blues">求租信息</li>
		<div></div>
	</ul>
	<hr class="gray-line" />


	<div href="#" class="indiv" name="a1" >
		<div class="btndiv layui-input-block">
			<form class="layui-form">
				<!--&lt;!&ndash;<button class="layui-btn" style="float:left;margin-left:15px;background-color: #409EFF;color: #FFFFFF;">批量上架</button>&ndash;&gt;
                <button class="layui-btn" lay-event="getCheckData1" data-type="getCheckData" style="float:left;background-color: #909399;color: #FFFFFF;">批量下架</button>
                <button class="layui-btn" lay-event="getCheckData11" style="float:left;background-color: #F56C6C;color: #FFFFFF;">批量删除</button>&nbsp;-->
				<input type="text" placeholder="标题关键词" style=" float:left;margin-left:15px;padding-left: 10px;border-radius: 5px;" name="title" class="layui-input selectKeyWord">&nbsp;
				<button class="layui-btn selectKeyWord-btn" lay-submit lay-filter="formDemo" style=" float:left;margin-left:15px;">搜索</button>
			</form>
		</div>
		<div class="tablediv">
			<div>
				<table id="demo" lay-filter="test1" style="" ></table>
				<script type="text/html" id="barDemo">
					<a class="layui-btn layui-btn-xs" lay-event="del">删除</a>
				</script>
			</div>
			<div class="detailsdiv"><br />
				<p>1：列表排序规则：置顶推广>精选>刷新</p>
				<p>2：精选房源，每天有免费条数可供设置。超出免费条数需支付金币，一经支付概不退还，敬请注意。</p>
				<p>3：精选房源设置后，系统将自动执行信息刷新次数。</p>
				<p>4：如遇待审状态，请检查信息内容是否违规，及时留意站内通知。客服电话：400-600-0716</p>
			</div>
		</div>
	</div>

</div>
</body>

<script>

	/*$(function(){
		$(".maintemplate").children("div").hide();
		$(".maintemplate").children("div").eq(0).show();
	})
	$(".maintemplate ul li").click(function(){
		$(".maintemplate ul div").animate({"left":$(this).index()*100+"px"},300);
		$(this).siblings().removeClass("blues");
		$(this).addClass("blues");
		$(".maintemplate").children("div").hide();
		$(".maintemplate").children("div").eq($(this).index()).show();
	});*/

	layui.use(['table','form'], function(){
		var table = layui.table;
		var form = layui.form;

		table.render({
			id: 'tbl1'
			, elem: '#demo'
			, height: 210
			, limit: 3
			, cellMinWidth: 80
			, url: 'http://localhost:8080/sell/buyinfo2'
			, page: { //支持传入 laypage 组件的所有参数（某些参数除外，如：jump/elem） - 详见文档
				layout: ['first', 'prev', 'page', 'next', 'last'], //自定义分页布局
				groups: 3, //只显示 3 个连续页码
				first: '首页', //首页
				prev: '上一页',
				next: '下一页',
				last: '尾页', //尾页
				curr: 1, //第几页，默认值是1
			}
			, cols:
					[
						[
							{
								field: 'id', title: 'ID', align: 'center'
							}
							, {
							field: 'title',title: '标题', align: 'center'
						}
							, {
							field: 'price', title: '价格/万元', width: '10%'
						}
							, {
							field: 'beginTime', title: '发布时间', align: 'center'
						}
							, {
							field:'status',title: '状态', align: 'center'
						}
							, {
							title: '频道', align: 'center',
							templet: function (d) {
								return d.type == 1 ? '买房' :  '租房';
							}
						}
							, {
							title: '房屋类型', align: 'center',
							templet: function (d) {
								return d.houseType.name;
							}
						}
							, {
							title: '区域', align: 'center',
							templet: function (d) {
								return d.area.name;
							}
						}
							, {title: '操作', align: 'center',  toolbar: '#barDemo'}
						]
					]
		});


		$('.demoTable .layui-btn').on('click', function(){
			var type = $(this).data('type');
			active[type] ? active[type].call(this) : '';
		});

		//监听提交
		form.on('submit(formDemo)', function(data){
			layui.table.reload('tbl1',{
				method:'post',
				where:{title:$("[name=title]").val()}
			})
			return false;
		});

		table.on('tool(test1)', function(obj){ //注：tool 是工具条事件名，test 是 table 原始容器的属性 lay-filter="对应的值"
			var data = obj.data; //获得当前行数据
			var layEvent = obj.event; //获得 lay-event 对应的值
			if(layEvent === 'del'){
				if(confirm("是否删除？")){
					$.ajax({
						url: 'http://localhost:8080/sell/status2'
						, data: {'buyid': data.id}
						, type: 'post'
						, dataType: 'json'
						, success: function (data) {
							if (data == true) {
								window.location.reload();
							} else {
								alert("失败！");
							}
						}
					})
				}
			}
		});

	});

</script>


</html>
